@CHARSET "UTF-8";
/*
 transition 
 */
 #main>div{
	border:2px solid #aaaaaa;
/* 	라운드 처리	 */
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
/* 	넓이와 높이 */
	width:150px;
	height:75px;
/* 	바탕색 지정 */
	box-shadow: 2px 2px 2px #bbbbbb;
	background-color:#ffaadd;
/* 	왼쪽 여백 지정 */
	margin-left:30px;
/* 	간격 지정 */
	margin-top:30px;
/* 	애니메이션 효과를 위한 효과 */
	transform: rotate(0deg);
	transition: transform 1s, opacity 1s, 
				background 1s, rotate 1s, 
				color 1s, font-size 1s;
	
}
#main>div:hover{
	transform: rotate(15deg);
	background-color:#ff00ff;
	color:#fffff;
	font-size:25px;
	transition: transform 1s, opacity 1s, 
				background 1s, rotate 1s, 
				color 1s, font-size 1s;
}